<template>
  <div class="advert_region_outer" >
    <img alt="漩涡" class="vortex animate-scale" onseen="" v-lazy="whirlpool" :key="whirlpool">
    <div class="num_box cl">
        <span v-text="">
          <span v-text="dictionaryData[0].statusValue"></span>
          <b class="counter" data-counter-time="1000" data-counter-delay="50" v-text="dictionaryData[1].statusValue"></b>
          <span v-text="dictionaryData[2].statusValue"></span>
        </span>
      <span>
          <b class="counter" data-counter-time="1000" data-counter-delay="50" v-text="dictionaryData[3].statusValue"></b>
          <span v-text="dictionaryData[4].statusValue"></span>
        </span>
      <span>
          <span v-text="dictionaryData[5].statusValue"></span>
          <b class="counter" data-counter-time="1000" data-counter-delay="50" v-text="dictionaryData[6].statusValue"></b>
          <span v-text="dictionaryData[7].statusValue"></span>
        </span>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    dictionaryData: {
      type: Array
    }
  },
  data() {
    return {
      whirlpool: require('@/assets/images/vortex.svg'),
    }
  },
  methods: {
  }
}
</script>

<style scoped>

</style>
